Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.02.2014, 02:33
Аспирант
Отправить личное сообщение для engelard Посмотреть профиль Найти все сообщения от engelard
 
Регистрация: 23.12.2013
Сообщений: 56

Как заставить грузится элемент по клику?
Что добавить в код что бы содержимое страницы не грузилось при загрузке страницы,а грузилось лишь тогда когда по нему кликнет пользователь?

Вот такие простые спойлеры у меня:

Вот код одного из спойлеров:

<a href="#1" class="videoA">
<ul class="videoUL">
<li class="title">спойлер 1</li>
<li class="date">дата</li>
</ul>
</a>
<div class="videoB">
содержимое
</div>


Таких на странице может быть более 100

Вот скрипт всех этих спойлеров:

<script>
$(".videoB").toggleClass("disabled");

$(".videoA").on("click", function () {
$(this).next(".videoB").toggleClass("disabled");
$(this).toggleClass("active");
return false;
});
</script>


что сделать что бы все эти 100 спойлеров не грузились одновременно при запуске страницы?
Ответить с цитированием
  #2 (permalink)  
Старый 28.02.2014, 02:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,149

engelard,
Ajax?
Ответить с цитированием
  #3 (permalink)  
Старый 28.02.2014, 04:07
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Если все блоки с видео типовые, то даже аякс не нужен. Просто храни где-нибудь в атрибуте нужные параметры (ссылку на видео), и динамическои создавай тег <object> или <video> - хз че там у тебя.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #4 (permalink)  
Старый 28.02.2014, 05:04
Аспирант
Отправить личное сообщение для engelard Посмотреть профиль Найти все сообщения от engelard
 
Регистрация: 23.12.2013
Сообщений: 56

Сообщение от danik.js Посмотреть сообщение
Если все блоки с видео типовые, то даже аякс не нужен. Просто храни где-нибудь в атрибуте нужные параметры (ссылку на видео), и динамическои создавай тег <object> или <video> - хз че там у тебя.
Да они типовые.Вторую часть сообщения не понял до конца,как то сложно ты написал...

Последний раз редактировалось engelard, 28.02.2014 в 05:06.
Ответить с цитированием
  #5 (permalink)  
Старый 28.02.2014, 05:05
Аспирант
Отправить личное сообщение для engelard Посмотреть профиль Найти все сообщения от engelard
 
Регистрация: 23.12.2013
Сообщений: 56

Сообщение от рони Посмотреть сообщение
engelard,
Ajax?
я в нем вообще не разбираюсь к сожалению поэтому без понятия как осуществить задуманое с помощью него.
Ответить с цитированием
  #6 (permalink)  
Старый 28.02.2014, 05:42
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

$().append($('<object/>', {type: 'application/x-flash', data: '/videoblabla.swf'}));

Чета типа такого.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #7 (permalink)  
Старый 01.03.2014, 06:32
Аспирант
Отправить личное сообщение для engelard Посмотреть профиль Найти все сообщения от engelard
 
Регистрация: 23.12.2013
Сообщений: 56

Сообщение от danik.js Посмотреть сообщение
data: '/videoblabla.swf'}));
а что на этом месте должно быть?вроде и погуглил об append но неувидел похожих примеров.

Зарание хочу спросить правильно ли я сделал?

<script>
$(".videoB").toggleClass("disabled");

$(".videoA").on("click", function () {
      $().append($('<object/>', {type: 'application/x-flash', data: 'videoblabla.swf'}));
	  $(this).next(".videoB").toggleClass("disabled");
      $(this).toggleClass("active");
      return false; 
});
</script>
Ответить с цитированием
  #8 (permalink)  
Старый 01.03.2014, 06:35
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

НЕЕЕТ!!! МОй код не рабочий!!! С ошибками и допущениями!!! Просто для демонстрации идеи!!! тип неправильный, скобки не пустые, вместо data чета другое хз.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #9 (permalink)  
Старый 01.03.2014, 09:43
Аспирант
Отправить личное сообщение для engelard Посмотреть профиль Найти все сообщения от engelard
 
Регистрация: 23.12.2013
Сообщений: 56

Сообщение от danik.js Посмотреть сообщение
НЕЕЕТ!!! МОй код не рабочий!!! С ошибками и допущениями!!! Просто для демонстрации идеи!!! тип неправильный, скобки не пустые, вместо data чета другое хз.
да блин....

ну допустим для демонстрации идеи,но идею я не понял до конца
Ответить с цитированием
  #10 (permalink)  
Старый 01.03.2014, 11:31
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Идея - динамически (по клику или че там у тя) создавать тег для отображения видео.
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы элемент появлялся при скроле страницы, у определенного класса. SnakeAce Общие вопросы Javascript 1 30.01.2013 14:32
Удалить и создать элемент по клику Arne Events/DOM/Window 5 20.12.2012 18:08
Как таймер заставить работать поочерёдно вызываю одну и ту же функцию два раза? JavaScriptProgrammer Events/DOM/Window 12 08.11.2012 23:41
Как перевести фокус на следующий элемент? Shitbox2 jQuery 3 03.11.2012 15:57
Как передать элемент в функцию после createElement Oleg NT Общие вопросы Javascript 3 23.06.2008 02:11